/*
 * @文件描述: 首页底部导航栏 + 操作
 * @公司: 山东大学信息学院
 * @作者: 李洪文
 * @Date: 2019-11-11 11:27:19
 * @LastEditors: 李洪文
 * @LastEditTime: 2020-10-10 10:13:48
 */
import React, {useState} from 'react';
import {StyleSheet, View, TouchableNativeFeedback} from 'react-native';
import Icon from 'react-native-vector-icons/AntDesign';
import {size, colors} from '@/config';

const {px} = size;

export default function Plus() {
  const [visible, handleVisible] = useState(false);
  return (
    <>
      <TouchableNativeFeedback
        onPress={() => {
          console.log('handleVisible');
          handleVisible(true);
        }}>
        <View style={styles.plus} accessible>
          <Icon name="plus" size={30} />
        </View>
      </TouchableNativeFeedback>
    </>
  );
}

const styles = StyleSheet.create({
  plus: {
    height: px(60),
    width: px(60),
    borderRadius: px(30),
    borderColor: colors.borderColor,
    borderWidth: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: colors.white,
  },
});
